<template>
  <basic-container>
    <el-form
      ref="addForm"
      :model="form"
      label-width="100px"
      label-position="left"
      class="m-l-40"
    >
      <el-form-item label="收款方名称">
        <el-input
          type="input"
          v-model="form.payeeName"
          size="small"
          placeholder="请输入收款方名称"
        ></el-input>
      </el-form-item>
      <el-form-item label="身份证姓名">
        <el-input
          type="input"
          v-model="form.certName"
          size="small"
          placeholder="请输入身份证姓名"
        ></el-input>
      </el-form-item>
      <el-form-item label="身份证号码">
        <el-input
          type="input"
          v-model="form.certNo"
          size="small"
          placeholder="请输入身份证号码"
        ></el-input>
      </el-form-item>
      <el-form-item label="手机号">
        <el-input
          type="input"
          v-model="form.mobile"
          size="small"
          placeholder="请输入手机号"
        ></el-input>
      </el-form-item>
      <el-form-item label="收款设备数量">
        <el-input
          type="input"
          v-model="form.mchNo"
          size="small"
          placeholder="请输入微信商户号"
        ></el-input>
      </el-form-item>

      <div class="c-red f-s-14">
        说明:<br />
        1、独立收款功能仅支持微信商户收款。如需操作，请提前提供资料向微信申请商户号<br />
        2、独立收款号仅支持微信支付加注的订单金额收款，无法实现对外转账功能，如：分润打款、营销返佣等
      </div>
      <div class="m-t-50"></div>
      <div class="flex-start">
        <el-button type="primary" size="small" plain>取消</el-button>
        <el-button
          type="primary"
          size="small"
          @click="savePayee"
          :loading="loading"
          >确定</el-button
        >
      </div>
    </el-form>
  </basic-container>
</template>
<script>
import { add } from "@/api/system/independent-collection";
import { msgSuccess } from "@/util/common-util";

export default {
  data() {
    return {
      loading: false,
      form: {},
      fileList: [],
    };
  },

  methods: {
    savePayee() {
      this.loading = false;
      add(this.form).then((res) => {
        msgSuccess();
        this.loading = false;
      });
    },
  },
};
</script>
